<!DOCTYPE html>
<html lang="en" style="height: 100%" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>FXO交易平台</title>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bootstrap/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="/css/plugins/morris/morris-0.4.3.min.css">
    <link rel="stylesheet" href="/js/plugins/gritter/jquery.gritter.css">
    <link rel="stylesheet" href="/css/animate.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/plugins/toastr/toastr.min.css">
    <style>
        .toast-center-center {
            left: 50%;
            top: 35%;
            transform: translate(-50%,-50%);
        }

        .dataOne {
            float: left;
            width: 600px;
            height: 400px;
            margin-right: 300px;
        }

        .dataTwo {
            float: left;
            width: 600px;
            height: 400px;
        }

        .dataThree {
            float: left;
            width: 600px;
            height: 400px;
            margin-right: 300px;
        }

        .dataFour {
            float: left;
            width: 600px;
            height: 400px;
        }
    </style>

</head>
<body>

    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="center-block">
                <h2><strong>外汇交易数据可视化展示</strong></h2><br>
                <div id="data_one" class="dataOne"></div>

                <div id="data_two" class="dataTwo"></div>

                <div id="data_three" class="dataThree"></div>

                <div id="data_four" class="dataFour"></div>
            </div>
        </div>
    </div>

<script src="/js/jQuery.min.js"></script>
<script src="/js/echartsData.js"></script>
<script src="/js/plugins/echarts/echarts.min.js"></script>
<script src="/js/index.js"></script>
<script src="/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="/js/hplus.js?v=2.2.0"></script>
<script src="/js/plugins/pace/pace.min.js"></script>
<script src="/js/plugins/toastr/toastr.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
<script src="/bootstrap/js/bootstrap-editable.js"></script>
<script src="/bootstrap/js/bootstrap-table.min.js"></script>
<script src="/bootstrap/js/bootstrap-table-zh-CN.js"></script>


</body>
</html>

